<!DOCTYPE html>
<html ng-app="heatMap">
<head lang="en">
    <meta charset="UTF-8">
    <title> Heat-Map </title>
    <script src="d3.v3.min.js"></script>
    <script src="angular.min.js"></script>
    <script src="index.js"></script>
    <link rel="stylesheet" type="text/css" href="style.css">

</head>
<body ng-controller="mainController as Ctrl" >
<H1>d3 Reslut heatmap over 10 courses of 36 student <br><br></H1>
  <div class="guide" >

     <div id="c20c"></div>

        <div class="description">
            <label>  A+</label>
            <label> F</label>
        </div>
    </div>

<heat-map data="data"></heat-map><br>

</body>
</html>